﻿@charset "utf-8";
/* CSS Document */

body
{
	background:#EEE;
	padding:0px;
    margin:0px;
	font-family:Segoe UI;
}
#form1
{
    margin:0px;
    background-color:#FFF;
    width:1000px;
    height:auto;
	margin:auto;
}

#headerbg{
	background:#2cc308;
	height:400px;
}
#statusbar{
	padding:5px;
	background:#444;
	opacity:0.8;
	text-align:right;
	color:#EEE;
}
.productprice, .addtocart{
	height:30px;
	text-align:center;
	color:#2cc308;
}
.productprice{
	color:#F02;
}
#statusbar a{
	color:#0FF;
	text-decoration:none;
}
#statusbar a:hover{
	text-decoration:underline;
}

#logo{
	background-color:transparent;
	height:100px;
}
#imglogo{
	float:left;
	width:300px;
}
#shoppingcart{
	height:80px;
	width:300px;
	float:right;
	background:#EEE;
	float:right;
	margin-right:20px;
	border-radius:5px;
}

#centercolumn{
	margin-top:100px;
	width:980px;
	margin:auto;
	background-color:transparent;
	cursor: pointer;
    display: block;
    position: relative; /*newly added*/
	top:-350px;
	margin-bottom:-370px;
	border-radius:10px;
}
#centerbody{
	border-radius:10px;
	background:#DDD;
	height:1500px;
	position:relative;
}
.divbox{
	width:90%;
	margin-left:15px;
	background:#EEE;
	box-shadow:#999 -5px 5px 10px;
	border-radius:5px;
}
.divheader{
	background-color:#2cc308;
	height:30px;
	color:#FFF;
	border-radius:5px 5px 0px 0px;
	text-align:center;
	font-size:2.5ex;
}
#divtheme{
	height:300px;
	margin-top:30px;
}
#divnewproduct{
	height:250px;
	margin-top:10px;
}
#divhitory{
	height:450px;
	margin-top:10px;
}

#divbanner, #divproducts{
	width:96%;
	margin-left:15px;
	background:#EEE;
	box-shadow:#999 -5px 5px 10px;
	border-radius:5px;
}

#divbanner>img{
	width:100%;
}

#divbanner{
	margin-top:30px;
	float:left;
}
#divproducts{
	margin-top:20px;
	height:auto;
	float:left;
}
#divsearch{
	height:100px;
	border:dotted thin #000;
}
.endbody{
	display:block;
	z-index:100;
	width:100%;
	background:#444;
	border-radius:0px 0px 10px 10px;
	position: absolute;
	display: block;
	bottom:0;
	height:40px;
}

.nav-header{
	display:block;
	z-index:100;
	margin-top:0px;
	width:100%;
	background:#444;
	border-radius:10px 10px 0px 0px;
}

.logo-name{
	float:left;
	background:#FFF;
	margin:0 20px;
}

/*ul{
	margin:0px;
	padding:10px 30px;
}

ul li{
	display:table-cell;
	padding:0 25px 0 0;
	list-style:none;
}

ul li .nav-li-a{
	display:inline-block;
	text-decoration:none;
	color:#FFF;
	font-size:1em;
}
ul li .nav-li-a:hover{
	text-shadow:#FFF 0 0 3px;
}
    */

#column1{
	width:25%;
	height:95%;
	float:left;
	position:absolute;
	top:40px;
}
#column2{
	width:75%;
	height:auto;
	float:left;
	position:absolute;
	top:40px;
	left:25%;
}

footer{
	background:#2cc308;
	height:300px;
    clear: both;
}


/************** Sign up form **************/
.form-style-10{
    width:450px;
    padding:30px;
    margin:40px auto;
    background: #FFF;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
}
.form-style-10 .inner-wrap{
    padding: 30px;
    background: #F8F8F8;
    border-radius: 6px;
    margin-bottom: 15px;
}
.form-style-10 h1{
    background: #2A88AD;
    padding: 20px 30px 15px 30px;
    margin: -30px -30px 30px -30px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px 'Bitter', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
}
.form-style-10 h1 > span{
    display: block;
    margin-top: 2px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-10 label{
    display: block;
    font: 13px Arial, Helvetica, sans-serif;
    color: #888;
    margin-bottom: 15px;
}
.form-style-10 input[type="text"],
.form-style-10 input[type="date"],
.form-style-10 input[type="datetime"],
.form-style-10 input[type="email"],
.form-style-10 input[type="number"],
.form-style-10 input[type="search"],
.form-style-10 input[type="time"],
.form-style-10 input[type="url"],
.form-style-10 input[type="password"],
.form-style-10 textarea,
.form-style-10 select {
    display: block;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    padding: 8px;
    border-radius: 6px;
    -webkit-border-radius:6px;
    -moz-border-radius:6px;
    border: 2px solid #fff;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -moz-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
    -webkit-box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.33);
}

.form-style-10 .section{
    font: normal 20px 'Bitter', serif;
    color: #2A88AD;
    margin-bottom: 5px;
}
.form-style-10 .section span {
    background: #2A88AD;
    padding: 5px 10px 5px 10px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 4px solid #fff;
    font-size: 14px;
    margin-left: -45px;
    color: #fff;
    margin-top: -3px;
}
.form-style-10 input[type="button"], 
.form-style-10 input[type="submit"]{
    background: #2A88AD;
    padding: 8px 20px 8px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px 'Bitter', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
    font-size: 15px;
}
.form-style-10 input[type="button"]:hover, 
.form-style-10 input[type="submit"]:hover{
    background: #2A6881;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.form-style-10 .privacy-policy{
    float: right;
    width: 250px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #4D4D4D;
    margin-top: 10px;
    text-align: right;
}


.MyButton, .MyTextbox
{
    padding:5px;
}
.MyBlackButton {
    background-color:#444;
    color:white;
    border: thin solid #222;
    padding:5px;
}
nav {
    background-color:#2cc308;
    box-shadow:-5px 5px 5px #CCC;
}
.MainMenu {
    background-color:#2cc308;
}

a.level1
{
     padding-left:20px !important;
     padding-right:20px !important;
     padding-top:5px;
     padding-bottom:5px;
}
a.level2:hover 
{
    background-color: #2cc308;
    color:#EEE;
}
a.level2
{
    background-color: #444;
    width:200px;
    padding-left:20px !important;
    padding-right:20px !important;
    padding-top:5px;
    padding-bottom:5px;
}

aside#Sidebar{
    color:#2cc308;
    border:solid 1px #2cc308;
    border-left-width:10px;
    font-weight:500;
    border:thin solid #EEE;
    padding:10px;
    border-radius:5px;
    background:#FFF;
	box-shadow:#999 -5px 5px 10px;
}
aside#FilterSideBar 
{
    color:#2cc308;
    border:solid 1px #2cc308;
    border-left-width:10px;
    font-weight:500;
    border:thin solid #EEE;
    padding:10px;
    border-radius:5px;
    background:#FFF;
	box-shadow:#999 -5px 5px 10px;
}


.PanelLeft {
    width:28%;
    float:left;
    padding:10px;
}
.PanelRight {
    width:68%;
    float:right;
    padding:10px;
}

#ProductPlace{
    padding:10px;
    border-radius:5px;
    background:#FFF;
	box-shadow:#999 -5px 5px 10px;
}

.Breadcrumb a:link
{
    color:#2cc308;
    text-decoration:none;
}
.Breadcrumb a:visited
{
    color:#2cc308;
}
.Breadcrumb {
}

.ErrorMessage
{
color: Red;
}

.PleaseWait
{
    height: 32px;
    width: 500px;
    background-image: url(~/Images/load.gif);
    background-repeat: no-repeat;
    padding-left: 40px;
    line-height: 32px;
}


#ThemeBar 
{
    float:right;
}

.OneTheme 
{
    margin-top:1px;
    text-decoration:none;
}
.OneTheme a
{
    text-decoration:none;
    color:#2cc308;
    padding:2px;
}
.OneTheme a:hover
{
    background:#2cc308;
    color:#FFF;
}

#PageWrapper 
{
    clear: both;
}

.MyThemeItem {
    width:100%;
    height:40px;
    color:#2cc308;
    text-align:left;
    padding-left:20px;
    margin:0px;
    cursor:pointer;
}
.MyThemeItem:hover {
    font-weight:bolder;
}
.SideBarTitle 
{
    text-align:center;
    margin-left:20px;
}
.ProductLink 
{
    text-decoration:none;
}

.AddToCartButton 
{
    background-color:#FFF;
    border:thin solid #09F;
    width:60%;
    height:25px;
    color:#2cc308;
    cursor:pointer;
}
.AddToCartButton:hover {
    background-color:#2cc308;
    color:#FFF;
}
.CheckBoxTheme 
{
    border:thin solid #AAA;
    padding:5px;
    margin-top:5px;
    border-radius:5px;
    box-shadow:-5px 5px 5px #EEE;
}
.CheckBoxTheme a {
    text-decoration:none;
    color:#444;
}
.CheckBoxTheme:hover
{
    font-weight:bold;
}

/**************** Product ****************/
.oneproduct{
	width:27%;
	height:200px;
	border:solid 2px #EEE;
	margin-right:5%;
    margin-bottom:50px;
	float:left;
}
.oneproduct:hover{
	border-color:#2cc308;
}
.productimage {
    text-align:center;
}
.productname {
    text-align:center;
    color:#F06;
}
.ProductImage {
    height:130px;
}
.ProductName {
    color:#222;
}

.SearchBar {
    text-align:right;
}

.SearchImg {
    height:30px;
    border:thin solid #2cc308;
    background:#2cc308;
}
.SearchTextBox {
    padding:5px;
    font-size:2.2ex;
}
.PageButton {
    padding:5px;
    background:#2cc308;
    text-decoration:none;
    color:#FFF;
    margin:2px;
}
.PageButton:hover {
    background:#042028;
}




/************************************/
.FloatRight {
    float:right;
    margin-right:50px;
}


/************************************/

.form-style-10{
    width:450px;
    padding:30px;
    margin:40px auto;
    background: #FFF;
    border-radius: 10px;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.13);
    height:250px;
}
.form-style-10 .inner-wrap{
    padding: 30px;
    background: #F8F8F8;
    border-radius: 6px;
    margin-bottom: 15px;
}
.form-style-10 h1{
    background: #2A88AD;
    padding: 20px 30px 15px 30px;
    margin: -30px -30px 30px -30px;
    border-radius: 10px 10px 0 0;
    -webkit-border-radius: 10px 10px 0 0;
    -moz-border-radius: 10px 10px 0 0;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px 'Bitter', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
}
.form-style-10 h1 > span{
    display: block;
    margin-top: 2px;
    font: 13px Arial, Helvetica, sans-serif;
}
.form-style-10 label{
    display: block;
    font: 13px Arial, Helvetica, sans-serif;
    color: #888;
    margin-bottom: 15px;
}

.form-style-10 .section{
    font: normal 20px 'Bitter', serif;
    color: #2A88AD;
    margin-bottom: 5px;
}
.form-style-10 .section span {
    background: #2A88AD;
    padding: 5px 10px 5px 10px;
    position: absolute;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 4px solid #fff;
    font-size: 14px;
    margin-left: -45px;
    color: #fff;
    margin-top: -3px;
}
.form-style-10 input[type="button"], 
.form-style-10 input[type="submit"]{
    background: #2A88AD;
    padding: 8px 20px 8px 20px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    color: #fff;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.12);
    font: normal 30px 'Bitter', serif;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.17);
    border: 1px solid #257C9E;
    font-size: 15px;
}
.form-style-10 input[type="button"]:hover, 
.form-style-10 input[type="submit"]:hover{
    background: #2A6881;
    -moz-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    -webkit-box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
    box-shadow: inset 0px 2px 2px 0px rgba(255, 255, 255, 0.28);
}
.form-style-10 .privacy-policy{
    float: right;
    width: 250px;
    font: 12px Arial, Helvetica, sans-serif;
    color: #4D4D4D;
    margin-top: 10px;
    text-align: right;
}

.Wizard {
    margin:auto;
}
.wzLable {
    margin-top:20px;
    margin-bottom:10px;
    font-family:'Times New Roman';
}
.SideBarRe table tbody tr td a {
    text-decoration:none;
    color:#2cc308;
}
.SideBarRe table tbody tr{
    padding:10px;
    border-bottom: thin dotted #2cc308;
}

.PanelSameProducts {
    float:left;
    width:100%;
}

.ProductDetailTable table {
    border-spacing:0px;
    border-width:1px;
    border:1px solid #EEE;
}
.ProductDetailTable table tr td, th {
    border-bottom:1px solid #EEE;
    width:400px;
    padding:20px;
}
.ProductDetailTable table tr th {
    background-color:#2cc308;
    padding:0px;
    color:#FFF;
    text-align:left;
    font-weight:normal;
    padding-left:20px;
}

/***********************************/

.OrangeButton {
    float:left;
    padding:10px;
    border-radius:20px;
    margin-top:10px;
    background:#f6cd0b;
}
.WhiteButton {
    float:left;
    padding:10px;
    border-radius:20px;
    margin-top:10px;
}